<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    
    	<script type="text/javascript">
	var toolhide = false;
	$(document).ready(function() {
		$("#hidebutton").click(function() {
			if (toolhide) {
				$("#tools").slideDown("fast");
				$("#hidebutton").html("↑");
				toolhide = false;
			} else {
				$("#tools").slideUp("fast");
				$("#hidebutton").html("↓");
				toolhide = true;
			}
		});
		$("#hidebutton").click();
		
		$("#closelogin").click(function() {
			$("#login-div").fadeToggle("fast");
		});
		$("#openlogin").click(function() {
			$("#login-div").fadeToggle("fast");
		});
		$("#openregist").click(function() {
			$("#regist-div").fadeToggle("fast");
		});
		$("#closeregist").click(function() {
			$("#regist-div").fadeToggle("fast");
		});

	});	
</script>

<!-- TODO 隐藏了登录,注册的侧边栏 -->
    <div class="floatmenu" style="display:none">
		<div id="tools">
			<div class="tool" id="openlogin">
				<img src="image/right-menu-1.png" />
			</div>
			<div class="tool" id="openregist">
				<img src="image/right-menu-2.png" />
			</div>
			<!-- 
			<div class="tool">
				<img src="image/right-menu-3.png" />
			</div>
			 -->
			<div class="tool">
				<img src="image/right-menu-4.png" />
			</div>
		</div>
		<div id="hidebutton" class="hidebutton">↑</div>
	</div>
	<div id="login-div" style="display: none;">
		<form>
			<div class="close">
				<font id="closelogin" class="right">×</font>
			</div>
			<div class="title">
				<p>
					<img src="image/denglu.png">会员登录
				</p>
			</div>
			<div class="content">
				<div class="content-left left">
					<p>&nbsp;</p>
					<p>尊敬的会员朋友，感谢您一直以来对东润家和的支持，我们会以 最大的努力来回报您！</p>
					<p>&nbsp;</p>
					<p>&nbsp;</p>
					<p>&nbsp;</p>
					<p>会员专享热线：95071238</p>
					<p>e-mail：member@东润家和.com</p>
				</div>
				<div class="content-right left">
					<p>请输入用户名/邮箱/手机</p>
					<p>
						<input id="username">
					</p>

					<p>密码</p>
					<p>
						<input id="pwd">
					</p>

					<p>验证码</p>
					<p>
						<input id="yzm"> <img style="vertical-align: middle;"
							class="" src="image/generatecode.jpg" width="60" height="25"
							style="background-color: gray;"> <font class=""> 换一张</font>
					</p>
					<p>
						<input id="submit" type="button" value="登录"> <input
							id="regist" type="button" value="新用户注册">
					</p>
					<p>
						<input type="checkbox" id="remberme"><label for="remberme">记住用户名</label>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a>忘记密码</a>
					</p>

				</div>
			</div>
		</form>
	</div>
<div id="regist-div" style="display: none;">
		<form>
			<div class="close">
				<font id="closeregist" class="right">×</font>
			</div>
			<div class="title">
				<p>
					<img src="image/zhuce.png">会员注册
				</p>
			</div>
			<div class="content">
				<div class="content-left left">
					<p>&nbsp;</p>
					<p>尊敬的会员朋友，感谢您一直以来对东润家和的支持，我们会以 最大的努力来回报您！</p>
					<p>&nbsp;</p>
					<p>&nbsp;</p>
					<p>&nbsp;</p>
					<p>会员专享热线：95071238</p>
					<p>e-mail：member@dongrunjiahe.com</p>
				</div>
				<div class="content-right left">
					<p>请输入用户名</p>
					<p>
						<input id="username">
					</p>

					<p>密码</p>
					<p>
						<input id="pwd">
					</p>
					<p>确认密码</p>
					<p>
						<input id="pwd">
					</p>
					<p>邮箱</p>
					<p>
						<input id="pwd">
					</p>
					<p>手机号</p>
					<p>
						<input id="pwd">
					</p>
					<p>验证码</p>

					<p>
						<input id="yzm"> <img style="vertical-align: middle;"
							class="" src="image/generatecode.jpg" width="60" height="25"
							style="background-color: gray;"> <font class=""> 换一张</font>
					</p>
					<p>
						<input type="checkbox" id="remberme1" checked="checked"><label
							for="remberme1">渤海人寿会员注册开通协议</label>
					</p>
					<p>
						<input id="regist" type="button" value="同意协议并注册">
					</p>


				</div>
			</div>
		</form>
	</div>
	
	